@charset "utf-8";
/* 
	作者：houfeng	
	日期：2015-10-9
	版本：1.0
*/
/* 框架 */
.wrapper {max-width: 420px; width:100%; background: #f8f8f8; margin: 0 auto;overflow: hidden;background: #fff;position: relative;}
/* 头部 */
.indexHeader {width: 100%;max-width: 420px;margin: 0 auto;position: relative; z-index:2;}
.indexHeader img{ width: 100%; display: block;; }
.blueBg{ background:#0373ad;}
.whiteBg{ background:#e8e8e8;}
/*logo*/
.logoGrid {height: 23px;margin-top: 15px;}
.logoGrid2 {height: 25px;margin-top: 15px;}
/* 内容 */
.bodyWrap{ width:100%; font-size:15px; color:#515151; position: relative;}
.appDownBox{ padding: 3%; }
.boxLeft{ float: left; width: 40%; }
.boxLeft .appAnd{ width: 100%; }
.boxLeft .wxgzhImg{ width: 100%; }
.boxLeft .appAnd img,.boxLeft .wxgzhImg img{ width: 80%; display: block; margin: auto;}
.boxLeft .wxgzhImg img{width: 77%; border: 3px solid #ccc; margin-top: 5%; }
.boxRight{ float: right; width: 60%; }
.boxRight img{ width: 100%; display: block; padding:23% 0; }
/* 分割图 */
.bgImg{ background: url("../images/bg.jpg"); background-size: 13px; }
.bgImg img{ display: block; width: 12px; }
/* 内容统一盒子 */
.boxWrapN{ width: 100%;}
.boxWrapN .titleH2{ display: block; position:relative; margin: 0% auto 8%;width: 90%;}
.boxWrapN .marginBot10px { margin-bottom: 10px; }
.boxWrapN .titleH2 h2{width: 60%;margin: auto; padding: 10px;}
.boxWrapN .titleH2 h2 img{display:block;width: 100%;}
.boxWrapN .titleH2 p{ display:block; text-align:center; color:#808080; font-size:16px;}
.boxWrapN .titleH2 .sqBox{ width:40%; text-align:center; border-radius:50px; margin:40px auto 0; color:#fff; background:#f8525c; padding:10px;}
.boxWrapN .titleH2 .sqBox a{ color:#fff; display:block;}
.sqBoxIos{ width:70%; margin:0px auto 20px; font-size:14px; color:#333;}
.sqBoxIosColor{ color:#f00;}
/* 蹭网步骤 */
.boxWrapN .dlText{ width:80%; margin:0 auto;}
.boxWrapN .dlText img{ width:100%; display:block;}
/* banner */
.banner{ display:block;position: relative;}
.banner img{ width:100%; display:block;}
/* listBoxMore */
.listBoxMore{ display:block;}
.listBoxMore .width100{ width:100%; margin:auto;}
.listBoxMore .paddingBot{ padding-bottom:10%;}
.listBoxMore .width30{  width:30%; margin:auto;}
.listBoxMore .width50{  width:50%; margin:auto;}
.boxWrapN .titleH2 h2.width80{  width:80%; margin:auto;}
/* 活动入口 */
.banner .tzBox{ display:block; background:#fbe546;width: 50%; margin:0 auto 6px; border-radius:50px;box-shadow: 0px 3px 0px #cbb939;line-height: 30px; cursor:pointer; color:#91441a; position: absolute;bottom: 7%;left: 21%;}
.banner .tzBox p{ width:100%; text-align:center;font-size: 14px; color:#91441a;display: inline-block;}
.banner .tzBox p a{ color:#91441a;}
.banner .tzBox p span{width: 13%;display: inline-block; position:relative;line-height: 30px;min-height: 18px;}
.banner .tzBox p span img{width: 20px; display:block; position:absolute;top: 3px;right: -3px;}
.padding10px{ padding:24px 0;}
/* 人员列表 */
.tzBoxListBox{ background:#fff7c1; }
.tzBoxList{ display:block;width: 100%; line-height: 40px; cursor:pointer; color:#39ac69; cursor:pointer;}
.tzBoxList p{ width:95%; padding-right:5%; text-align:right; font-size: 16px; color:#333;}
/* 活动规则 */
.boxWrapNr{width: 77%;margin: 0 auto 5% auto; color:#aa812d; padding-bottom:10px;padding-left: 5%;}
.listBoxMore .marginBot10px{ margin-bottom:10px;}
.boxWrapNr ul li{ list-style-type:disc; font-size:15px; line-height:25px;}
/* 颜色 */
.color1{ background:#fff;}
.color2{ background:#f2f2f2;}
.color3{ background:#f8525c;}
.color4{ background:#39ac69;}
.color5{ background:#fff7c1;}
/* yindaoTu */
.yindaoTu{ position:fixed; width:100%; left:0px; z-index:999; display:none;}
/* listBoxMore */
.listBoxMore { display: block; }
.listBoxWrap { width: 81%; margin: 0% auto; padding: 5% 0; }
.listBoxWrap p { font-size: 16px; line-height: 22px; color: #aa812d; }
.listBoxWrap p span.color1 { color: #ff7512; }
/* listBoxMoreUlBox */
.listBoxMore.marginTop10px { padding-top: 6%; }
.listBoxMore.marginBot10px { padding-bottom: 6%; }
.listBoxMore .listBoxMoreUlBoxTitle { width: 80%; margin: auto; display: block; background: #eee; color: #515151; border-bottom: 1px solid #dedede; }
.listBoxMore .listBoxMoreUlBoxTitle li { float: left; width: 33.33%; display: block; text-align: center; line-height: 35px; font-size: 14px; }
.listBoxMore .listBoxMoreUlBox { display: block; width: 100%; }
.listBoxMore .listBoxMoreUlBox li { width: 80%; display: block; margin: auto; line-height: 35px; font-size: 12px; }
.listBoxMore .listBoxMoreUlBox li span { width: 33.33%; display: block; text-align: center; float: left; }
.listBoxMore .listBoxMoreUlBox li span.colorFont1 { color: #6da1ff; }
.listBoxMore .listBoxMoreUlBox li span.colorFont2 { color: #515151; }
.listBoxMore .listBoxMoreUlBox li span.colorFont3 { color: #ff7512; }
.listBoxMore .bgBorder { display: block; width: 84%; margin: auto; }
.listBoxMore .bgBorder img { display: block; width: 100%; }
.listBoxMore .listBoxMoreUlBox li:nth-of-type(odd) { background: #ffffff; }
.listBoxMore .listBoxMoreUlBox li:nth-of-type(even) { background: #f2f2f2; }
